<template>
    <div class="responsive">
        <div class="img">
          <a target="_blank" href="http://static.runoob.com/images/demo/demo1.jpg">
            <img src="http://static.runoob.com/images/demo/demo1.jpg" alt="图片文本描述" width="300" height="200">
          </a>
          <div class="desc">歌曲名</div>
        </div>
      </div>
</template>
<script>

</script>
<style>
div.img {
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 180px;
}

div.img:hover {
  border: 1px solid #777;
}

div.img img {
  width: 100%;
  height: auto;
}

div.desc {

    padding: 5px;
    text-align: center;
}
</style>